<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="shortcut icon" href="img/favicon.png">

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/autocomplete.css">
        <link rel="stylesheet" href="css/datepicker.css">
        <link rel="stylesheet" href="css/framework.css">
        <link rel="stylesheet" href="css/results.css">
        <link rel="stylesheet" href="css/details.css">
        <link rel="stylesheet" href="css/picastyle.css">
        <link rel="stylesheet" href="css/tabs.css">

        <script src="js/libs/modernizr-2.6.1.min.js"></script>
    </head>
    <body>

        <section class="clearfix">

            <div id="headleft" class="pull-right">


                <div id="topnav" class="clearfix">
                    <ul class="clearfix pull-right">
                        <li><a href="">About Us</a></li>
                        <li><a href="">Customer Service</a></li>
                        <li><a href="">English</a></li>
                    </ul>
                </div><!-- / topnav-->

                <div id="social"  class="pull-right clearfix">
                    <ul>
                        <li><a href="" class="fb"></a></li>
                        <li><a href="" class="tw"></a></li>
                        <li><a href="" class="li"></a></li>
                        <li><a href="" class="gp"></a></li>
                    </ul>

                </div><!-- / social-->
                <div class="smallsep sepmargin1 pull-right"></div>
                <div id="infoline" class="pull-right"></div>

            </div>

            <div id="logo" class="pull-left"></div>

        </section><!-- / header-->

        <section class="table navtop shadow">

            <nav>
                <ul>
                    <li><a href="index.php">&nbsp;</a></li>
                    <li><a href="search.php">Accommodation<br /> <small>Private</small></a></li>
                    <li><a href="#">Hotels<br /> <small>Hotels</small></a></li>
                    <li><a href="#">Accommodation<br /> <small>Authentic</small></a></li>
                    <li><a href="#">Hostels<br /> <small>Youth Hostels</small></a></li>
                    <li><a href="#">Transfers<br /> <small>Transfers</small></a></li>
                    <li><a href="#">Rent a Car<br /> <small>Rent a Car</small></a></li>
                    <li><a href="#">Excursions<br /> <small>Excursions</small></a></li>
                </ul>
            </nav><!-- / nav-->

        </section>

        <section class="table shadow content hoteldetails">

            <div class="guestrating">

                <div class="social_detail">
                    <img src="img/social.png">
                </div>

                <div class="rating"><strong>Very Good</strong></div>

                <a class="view_all_reviews" href="javascript:">See all reviews</a>

            </div>

            <div class="clearfix">

                <h1 class="pull-left">Hotel Astoria</h1>
                <span class="hotel-star star_4 pull-left">&nbsp;</span>

            </div>

            <p class="address">Njegoseva 4, Old town, 85310 Budva</p> 

            <div class="holder clearfix">

                <div class="pull-right details">

                    <div class="destination">
                        <a href="#"><img alt="" src="img/showonmap.jpg"></a>
                        <p>Budva</p>
                        <p>Montenegro</p>
                    </div>

                    <div class="iconset clearfix">
                        <ul>
                            <li class="bed"></li>
                            <li class="city"></li>
                            <li class="bus"></li>
                            <li class="boat"></li>
                            <li class="knife-fork-spoon"></li>
                            <li class="outdoors"></li>
                            <li class="ski-goggles"></li>
                            <li class="signpost"></li>
                        </ul>
                    </div>

                    <div class="detailbox">
                        <ul>
                            <li>Accessibility by car : excellent</li>
                            <li>Public transportation services: good</li>
                            <li>Parking space: Yes</li>
                            <li>Type of beach : rocky and pebble </li>
                            <li>Nearest beach: 400 m</li>
                        </ul>
                    </div>

                    <p>Featuring a private beach area, Hotel Astoria enjoys a charming, unique location on the main street of the old town of Budva. The medieval building which houses the hotel is combined with modern design and soft tones, creating a warm and inviting atmosphere.</p>

                    <p>Hotel Astoria has several suites and double rooms, all luxuriously equipped. They are modernly furnished with a touch of contemporary décor.</p>

                </div>

                <div class="pull-left">

                    <div class="pikachoose">

                        <ul id="pikame" class="jcarousel-skin-pika">
                            <li><img src="img/hotelastoria.jpg"></li>
                            <li><img src="img/hotelastoria.jpg"></li>
                            <li><img src="img/hotelastoria.jpg"></li>
                            <li><img src="img/hotelastoria.jpg"></li>
                            <li><img src="img/hotelastoria.jpg"></li>
                            <li><img src="img/hotelastoria.jpg"></li>
                            <li><img src="img/hotelastoria.jpg"></li>
                            <li><img src="img/hotelastoria.jpg"></li>
                            <li><img src="img/hotelastoria.jpg"></li>
                        </ul>

                    </div>


                </div>

            </div><!-- / box-->

        </section>

        <section class="table shadow content" id="tabs">

            <div id="tabvanilla" class="widget">

                <ul class="tabnav">
                    <li><a href="#information_tab">Information</a></li>
                    <li><a href="#prices_tab">Prices & Availability</a></li>
                    <li><a href="#map_tab">Map & Distances</a></li>
                </ul>

                <div id="information_tab" class="tabdiv ">

                    <div class="clearfix">

                        <div class="third">

                            <ul>
                                <li class="section">Meals</li>
                                <li>Buffet breakfast</li>
                                <li>Non smoking area in the restaurant</li>
                                <li>Possibility of lunch packages</li>
                                <li>Buffet dinner (with charge)</li>
                                <li>Vegetarian food</li>

                            </ul>

                            <ul>
                                <li class="section">Beaches:</li>
                                <li>Hotel beach</li>
                                <li>Pebble beach</li>
                                <li>Rocky beach</li>

                            </ul>
                        </div>
                        <div class="third">
                            <ul>
                                <li class="section">Hotel equipment and offerings</li>
                                <li>Bar</li>
                                <li>Non-smoking</li>
                                <li>Baggage Storage</li>
                                <li>Heating, Newspapers</li>
                                <li>24-Hour Front Desk</li>
                                <li>Loundry</li>
                                <li>Massage</li>
                                <li>Tour desk</li>
                                <li>Ironing service</li>
                                <li>Fax</li>
                                <li>Car rental desk</li>
                                <li>Internet</li>
                                <li>Restaurant</li>
                                <li>24 hour room service</li>

                            </ul>

                        </div>

                        <div class="third">

                            <ul>
                                <li class="section">All accommodation units are equiped with</li>
                                <li>Telephone</li>
                                <li>TV</li>
                                <li>Wireless communication</li>
                                <li>air condition</li>
                                <li>Bathrobe</li>
                                <li>Slippers</li>
                                <li>Sitting area</li>
                                <li>bathroom/toilet</li>
                                <li>hair drier</li>
                                <li>Heating</li>
                                <li>Internet connection</li>
                                <li>minibar</li>
                                <li>Room safe</li>
                            </ul>

                        </div>
                    </div>

                    <div class="description">
                        <h4>Description</h4>
                        <p>One time registration ( 3,5 €) is paid upon guest arrival</p>
                    </div>

                </div><!--/information_tab-->

                <div id="prices_tab" class="tabdiv clearfix">

                    <div class="pull-right polices">

                        <h4>Cancellation Policy</h4>

                        <ul>
                            <li>7 days prior to arrival - no penalty</li>
                            <li>7-3 days prior to arrival - 50% of total amount of the stay</li>
                            <li>3 and less days before the arrival - 100% of total amount of the stay</li>
                        </ul>

                        <h4>Accepted credit cards</h4>
                        <p>VISA, Master Card, Maestro</p>

                        <h4>Children and extra beds</h4>
                        <ul>
                            <li>One child under 12 years stays free of charge when using existing beds.</li>
                        </ul>

                        <h4>Payment conditions</h4>
                        <p>Choose Valid Period to see Payment methods and dynamics for this Accommodation.</p>

                    </div>

                    <div class="pull-left oneborder">
                        <div class="clearfix">
                            <div class="persons form_prices pull-right">
                                <div class="inner_prices">
                                    <h4>Please enter the number of persons:</h4>

                                    <ul>
                                        <li class="clearfix">
                                            <label>adults (18+)</label>
                                            <select name="adults" id="adults" class="valid">
                                                <option value="0">0</option>
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                            </select>
                                        </li>
                                        <li class="clearfix">
                                            <label>teenagers (12-18):</label>
                                            <select name="teenagers" id="teenagers" class="valid">
                                                <option value="0">0</option>
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                            </select>
                                        </li>
                                        <li class="clearfix">
                                            <label>children (3-11):</label>
                                            <select name="childrens" id="childrens" class="valid">
                                                <option value="0">0</option>
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                            </select>
                                        </li>
                                        <li class="clearfix">
                                            <label>babies (0-2):</label> 
                                            <select name="babies" id="babies" class="valid">
                                                <option value="0">0</option>
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                            </select>
                                        </li>
                                    </ul>
                                </div>
                            </div><!--persons-->

                            <div class="basic_service form_prices pull-left">
                                <div class="inner_prices">
                                    <h4>Select the basic service:</h4>

                                    <ul>
                                        <li>
                                            <input type="radio" name="service" value="1" id="service" checked="checked">
                                            <label for="service">Overnight accommodation</label>
                                        </li>
                                    </ul>
                                </div>
                            </div><!--basic_service-->

                            <div class="dates form_prices pull-left">
                                <div class="inner_prices">
                                    <h4>Define the date of your stay:</h4>

                                    <ul>
                                        <li class="clearfix">
                                            <input type="text" name="checkin" id="checkin">
                                            <label for="service">Date of arrival:</label>
                                        </li>
                                        <li class="clearfix">
                                            <input type="text" name="checkout" id="checkout">
                                            <label for="service">Date of departure:</label>
                                        </li>
                                    </ul>
                                </div>
                            </div><!--dates-->

                        </div>    

                        <div class="clearfix">
                            <div id="calculation" class="form_prices pull-left">
                                <div class="inner_prices">
                                    <h4>Calculation:</h4>

                                    <ul>
                                        <li>Number of persons: <span>adults: 2, teenagers: 3, children: 0, babies: 4</span></li>
                                        <li>Period: <span>10/07/2013 - 19/07/2013</span></li>
                                        <li>Overnight accommodation: <span>1003.98 €</span></li>
                                        <li class="total">Total: <span>903.58 €</span></li>
                                    </ul>
                                </div>
                            </div>
                        </div><!--calculation-->

                        <div class="clearfix">
                            <div class="hold_booknow">
                                <input type="button" value="Book Now" class="booknow">  
                            </div>
                        </div>

                    </div>



                </div><!--/prices_tab-->

                <div id="map_tab" class="tabdiv clearfix">

                    <div class="pull-right">

                        <ul>
                            <li class="section">Distances from</li>
                            <li>Airport 20km</li>
                            <li>Market-place 30m</li>
                            <li>Beach 700m</li>
                            <li>Gas stations 50m</li>
                            <li>Bus station 30m</li>
                            <li>Distance from the center 5km</li>
                            <li>Distance from the sea 700m</li>
                            <li>Railway station 40km</li>
                            <li>Hospital 5km</li>
                            <li>Bus station 500m</li>
                            <li>Shop 100m</li>
                            <li>Post office 300m</li>
                            <li>Exchange offices 1km</li>
                            <li>Tourist agency 100m</li>
                            <li>Ferry port 40km</li>
                            <li>Farmacies 700m</li>
                            <li>Tennis courts 400m</li>
                            <li>Railway station 40km</li>
                            <li>Hospital 5km</li>
                            <li>Bus station 500m</li>
                            <li>Shop 100m</li>
                            <li>Post office 300m</li>
                            <li>Bus station 500m</li>

                        </ul>

                    </div>

                    <div class="pull-left">
                        <div id="googlemap"></div>
                    </div>


                </div><!--map_tab-->

            </div><!--/widget-->

        </section>

        <section id="footer-home" class="table clearfix">
            <ul class="address pull-right">
                <li>Email: <a href="mailto:cipa@t-com.me">cipa@t-com.me</a></li>
                <li>Tel: +382 33 468 196</li>
                <li>Fax: +382 33 468 150</li>  
                <li>Skype: <a href="skype:cipa_booking?call">cipa_booking</a></li>
            </ul>
            <p>
                <a href="#" class="gohome ellipsis">Cipa Travel</a>
                Mon - Fri: 08:00 - 22:00 h<br>
                Sat: 09:00 - 19:00 h
                <!--<br>Sun: 16:00 – 21:00 h-->
            </p>
        </section>

        <section>
            <footer class="block">
                <ul class="clearfix centered">
                    <li><a href="#">Private Accommodation</a></li>
                    <li><a href="#">Hotels</a></li>
                    <li><a href="#">Authentic Accommodation</a></li>
                    <li><a href="#">Youth Hostels</a></li>
                    <li><a href="#">Transfers</a></li>
                    <li><a href="#">Rent a Car</a></li>
                    <li><a href="#">Excursions</a></li>
                </ul>
            </footer>

            <div class="block">
                <ul class="general clearfix centered">
                    <li><a href="#">How to make a reservation?</a></li>
                    <li><a href="#">Payment options</a></li>
                    <li><a href="#">General Terms & Conditions</a></li>
                    <li><a href="">Cooperation With Accommodation Owners</a></li>
                    <li><a href="#">Helpful Links</a></li>
                </ul>
            </div>

            <div class="block foot-border-top">
                <ul class="cards clearfix centered">
                    <li><a href="#"><img class="img-rounded" src="img/cards/MasterCard.gif"></a></li>
                    <li><a href="#"><img class="img-rounded" src="img/cards/Maestro.gif"></a></li>
                    <li><a href="#"><img class="img-rounded" src="img/cards/Visa.gif"></a></li>
                    <li><a href="#"><img class="img-rounded" src="img/cards/12367_sc_learn_62x34.gif"></a></li>
                    <li><a href="#"><img class="img-rounded" src="img/cards/verified_by_visa_blue.gif"></a></li>
                </ul>
            </div>

            <p id="copyright">All rights reserved by CipaTravel® 1992-2013.<br/> Name and visual identity of www.cipa-booking.me  are trademarks belonging to Cipa d.o.o. Montenegro.</p>

        </section>

        <script src="js/libs/jquery-1.8.0.min.js"></script>
        <script src="js/libs/jquery-ui.min.js"></script>
        <script type="text/javascript" src="js/libs/jquery.jcarousel.min.js"></script>
        <script type="text/javascript" src="js/libs/jquery.pikachoose.min.js"></script>
        <script type="text/javascript" src="js/helper.js"></script>
        <script type="text/javascript" src="js/details.js"></script>


        <script>

            $(document).ready(
                    function() {
                        $("#pikame").PikaChoose({showCaption: false, autoPlay: false, carousel: true})

                        $(function() {
                            $("#tabs").tabs({active: 1});
                        });

                    });

        </script>

    </body>
</html>